<!DOCTYPE html>
<html>
<head>
	<title>权益反馈系统</title>
</head>
	<link rel="stylesheet" type="text/css" href="../addons/zh_fk/mui/css/mui.min.css">
	<link rel="stylesheet" type="text/css" href="../addons/zh_fk/mui/css/app.css">
	<link rel="stylesheet" type="text/css" href="../addons/zh_fk/mui/css/mui.picker.css">
	<link rel="stylesheet" type="text/css" href="../addons/zh_fk/mui/css/mui.min.css">
	<link rel="stylesheet" type="text/css" href="../addons/zh_fk/mui/css/icons-extra.css">
	<link rel="stylesheet" type="text/css" href="../addons/zh_fk/mui/css/mui.css">
	

	<link type="text/css" rel="stylesheet" href="../addons/zh_fk/style/common.css">
	<link type="text/css" rel="stylesheet" href="../addons/zh_fk/style/weui.css">
	<link type="text/css" rel="stylesheet" href="../addons/zh_fk/style/example.css">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<script src="../addons/zh_fk/mui/js/mui.js"></script>
	<script src="../addons/zh_fk/style/yb_h5.js"></script>
	<script src="../addons/zh_fk/style/mui.min.js"></script>
	<script src="../addons/zh_fk/style/mui.picker.js"></script>
	<script src="../addons/zh_fk/style/mui.poppicker.js"></script>
	<script src="../addons/zh_fk/style/city.data.js"></script>
	<script src="../addons/zh_fk/style/city.data-3.js"></script>
	<script src="../addons/zh_fk/style/jquery.js"></script>

	
<style>
			.area {
				margin: 20px auto 0px auto;
			}
			
			.mui-input-group {
				margin-top: 10px;
			}
			
			.mui-input-group:first-child {
				margin-top: 20px;
				margin-bottom: 30px;
			}
			
			.mui-input-group label {
				width: 30%;
			}
			
			.mui-input-row label~input,
			.mui-input-row label~select,
			.mui-input-row label~textarea {
				width: 70%;
			}
			
			.mui-checkbox input[type=checkbox],
			.mui-radio input[type=radio] {
				top: 6px;
			}
			
			.mui-content-padded {
				margin-top: 25px;
			}
			
			.mui-btn {
				padding: 10px;
			}
			
			.link-area {
				display: block;
				margin-top: 25px;
				text-align: center;
			}
			
			.spliter {
				color: #bbb;
				padding: 0px 8px;
			}
			
			.oauth-area {
				position: absolute;
				bottom: 20px;
				left: 0px;
				text-align: center;
				width: 100%;
				padding: 0px;
				margin: 0px;
			}
			
			.oauth-area .oauth-btn {
				display: inline-block;
				width: 50px;
				height: 50px;
				background-size: 30px 30px;
				background-position: center center;
				background-repeat: no-repeat;
				margin: 0px 20px;
				/*-webkit-filter: grayscale(100%); */
				border: solid 1px #ddd;
				border-radius: 25px;
			}
			
			.oauth-area .oauth-btn:active {
				border: solid 1px #aaa;
			}
			
			.oauth-area .oauth-btn.disabled {
				background-color: #ddd;
			}
			.mui-btn {
				font-size: 16px;
				padding: 8px;
				margin: 3px;
			}
			h5.mui-content-padded {
				margin-left: 3px;
				margin-top: 20px !important;
			}
			h5.mui-content-padded:first-child {
				margin-top: 12px !important;
			}
			.ui-alert {
				text-align: center;
				padding: 20px 10px;
				font-size: 16px;
			}
			.image-list {
			    width: 100%;
			    height: 85px;
			    background-size: cover;
			    padding: 10px 10px;
			    overflow: hidden;
			}
			.image-item.space {
			    border: none;
			}
			.image-item {
			    width: 65px;
			    height: 65px;
			    /* background-image: url(../images/iconfont-tianjia.png); */
			    background-size: 100% 100%;
			    display: inline-block;
			    position: relative;
			    border-radius: 5px;
			    margin-right: 10px;
			    margin-bottom: 10px;
			    border: solid 1px #e8e8e8;
			    vertical-align: top;
			}
			.image-item .image-up {
			    height: 70px;
			    width: 70px;
			    border-radius: 10px;
			    line-height: 60px;
			    border: 1px solid #ccc;
			    color: #ccc;
			    display: inline-block;
			    text-align: center;
			    background-size: 65px 65px;
			}
			.image-item .file {
				    position: absolute;
				    left: 0px;
				    top: 0px;
				    width: 100%;
				    height: 100%;
				    opacity: 0;
				    cursor: pointer;
				    z-index: 0;
				}
				.mui-input-group input, .mui-input-group textarea {
				    margin-bottom: 0;
				    border: 0;
				    border-radius: 0;
				    background-color: transparent;
				    -webkit-box-shadow: none;
				    box-shadow: none;
				}
				input, select, textarea {
				    font-family: 'Helvetica Neue',Helvetica,sans-serif;
				    font-size: 17px;
				    -webkit-tap-highlight-color: transparent;
				    -webkit-tap-highlight-color: transparent;
				}
				input {
				    line-height: normal;
				}
				button, input, optgroup, select, textarea {
				    font: inherit;
				    margin: 0;
				    color: inherit;
				}
				div {
				    display: block;
				}
		</style>


<body>

		<select onchange="cate()" id="cate">
			{loop $category $v}
			<option value="{$v['id']}">{$v['category']}</option>
			{/loop}
		</select>

		<select>
			{loop $result $r}
			<option>{$r['question']}</option>
			{/loop}
		</select>



		



		<!-- <button id='showUserPicker' class="mui-btn mui-btn-block" type='button'>选择问题分类</button>
		<div id='userResult' class="ui-alert"></div>
		<button id='showCityPicker' class="mui-btn mui-btn-block" type='button'>选择提交问题</button>
		<div id='cityResult' class="ui-alert"></div> -->
		<!-- <button id='showCityPicker3' class="mui-btn mui-btn-block" type='button'>选择提交问题</button>
		<div id='cityResult3' class="ui-alert"></div> -->


		<!-- <div class="weui-cells weui-cells_form">
            <div class="weui-cell">
                <div class="weui-cell__bd">
                    <textarea class="weui-textarea" placeholder="请输入文本" rows="3"></textarea>
                    <div class="weui-textarea-counter"><span>0</span>/200</div>
                </div>
            </div>
        </div> -->

			<div class="mui-input-row" style="margin: 10px 0;height:150px">	
				<textarea name='detail' id='detail' type="text" rows="5" placeholder="详细信息,不超过300字......"></textarea>
			</div> 



			<div class="mui-input-cell"> 
 <!--    照片添加    --> 
				<div class="row image-list" id="image-list">
					<div class="image-item space"> 
						<div class="image-up"></div>
						<input class="file" type="file" name="file1" value="" accept="image/jpg,image/jpeg,image/png" onchange="viewimg();" />
					</div>  
					<div class="image-item space"> 
						<div class="image-up"></div>   
						<input class="file" type="file" name="file2"  value="" accept="image/jpg,image/jpeg,image/png" onchange="viewimg();" />
					</div> 
					<div class="image-item space"> 
						<div class="image-up"></div>   
						<input class="file" type="file" name="file3"  value="" accept="image/jpg,image/jpeg,image/png" onchange="viewimg();" />
					</div> 
					<div class="image-item space"> 
						<div class="image-up"></div>   
						<input class="file" type="file" name="file4"  value="" accept="image/jpg,image/jpeg,image/png" onchange="viewimg();" />
					</div> 
				</div> 
			</div>

    
               
           


		<button type="button" class="mui-btn mui-btn-primary mui-btn-block">Block button</button>
		<button type="button" class="mui-btn mui-btn-primary mui-btn-block">Block button</button>

</body>
<script type="text/javascript">
	function viewimg($event){
	   //获取当前的input标签
	   var currentObj = event.currentTarget; 
	   //找到要预览的图片img标签，亦可动态生成
	   var img = currentObj.parentNode.children[0];
	   setImagePreview(currentObj, img);
		function setImagePreview(docObj, imgObjPreview) {
			if (docObj.files && docObj.files[0]) {
				imgObjPreview.style.display = 'block';
				imgObjPreview.style.backgroundImage="url('"+window.URL.createObjectURL(docObj.files[0])+"')";
			}
		}
	} 
	function cate(){
		var n = document.getElementById("cate");
		$.ajax({ url:"{php echo $this->createMobileUrl('getchildcate')}", 
		 
		   type:'post',
		    data:"id="+n.value, 
		    dataType:'json',
		     success:function(data){ console.log(data);  if(data.success==1){ alert("报名成功");   }else{ alert(mydata.desc); } } }); 

	}


	// function cate()
	// 		{		
	// 			var n = document.getElementById("cate");
	// 			alert(n.value);
	// 	          $.ajax({
	// 	          url:  "{php echo $this->createMobileUrl('index', array('op' => 'ld','wt_id' => n.value))}",
	// 	          type: 'POST',
	// 	          data: ,
	// 	          async: true,
	// 	          cache: false,
	// 	          contentType: false,
	// 	          processData: false,
	// 	          success: function (returndata) {
	// 	              if(returndata.status)
	// 	              {
		                
		                
	// 	              }
	// 	              else
	// 	              {
	// 	              	alert(returndata.content);
	// 	              }
	// 	          },
	// 	          error: function (returndata) {
		          	   
		               
	// 	          }
	//         });

							   
	// 		}
	
</script>
</html>